<template>

  <div>

    <div>
      <img class="zoomImage" :src="imgBackground" />
    </div>


    <el-divider/>


    <blog-post></blog-post>



    <el-divider/>

    <intro-me></intro-me>

  </div>
</template>

<script>
import BlogPost from "@/views/home/components/BlogPost";
import ImgWall from "@/views/home/components/ImgWall";
import IntroMe from "@/views/home/components/IntroMe";

export default {
  name: "index",
  components: {IntroMe, ImgWall, BlogPost},
  data(){
    return{
      imgBackground: require('@/assets/spiderman.png')
    }
  }
}
</script>

<style scoped>
section.hero {
  padding: 0;
  color: #fff;
}
.zoomImage{
  width:100%;
  max-height: 70vh;
  overflow:hidden;
  background-position: center center;
  object-fit: cover;
}
</style>
